<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<!-- 
    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

    Bootstrap3
        1.使用Less编写样式
        2.有4种栅格类（col-xs  col-sm  col-md  col-lg）
        3.主要使用px为单位
        4.使用流式布局（float+%）
        5.使用push和pull向左右移动/偏移
        6.支持低版本浏览器（IE8）
        7.常用类 ...

    Bootstrap4+
        1.使用Sass编写样式
        2.有5种栅格类（col-xs  col-sm  col-md  col-lg col-xl）
        3.主要使用em/rem为单位
        4.使用弹性盒布局（flex box）
        5.使用offset-*类向左右移动/偏移
        6.不支持低版本浏览器（IE8）
        7.常用类 ... 
 -->
    

<div class="wrap">
    <div class="box">box</div>
</div>
</body>
</html>